﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>Nested Lists</title>
</head>
<body>
    <header>
        <p>Preceding Text</p>
    </header>
    <ol type="I">
        <li>
            <div>&ensp;List item 1</div>
            <ol type="a">
                <li>&ensp;Nested item 1.1</li>
                <li>&ensp;Nested item 1.2</li>
            </ol>
        </li>
        <li>
            <div>&ensp;List item 2</div>
            <ol type="1">
                <li>&ensp;Nested item 2.1</li>
                <li>
                    <div>&ensp;Nested item 2.2</div>
                    <ul type="circle">
                        <li>&ensp;Nested item 2.2.1</li>
                        <li>
                            <div>&ensp;item 2.2.2</div>
                            <ul type="disc">
                                <li>&ensp;Nested item 2.2.2.1</li>
                                <li>&ensp;Nested item 2.2.2.2</li>
                            </ul>
                        </li>
                        <li>&ensp;Nested item 2.2.3</li>
                    </ul>
                </li>
                <li>&ensp;Nested item 2.3</li>
            </ol>
        </li>
        <li>
            <div>&ensp;List item 3</div>
            <ul type="disc">
                <li>&ensp;Nested item 3.1</li>
                <li>&ensp;Nested item 3.2</li>
                <li>&ensp;Nested item 3.3</li>
            </ul>
        </li>
    </ol>
</body>
</html>
